<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="shortcut icon" href="https://www.boncake.com.cn/public/app/site/statics/logol.ico">
    <link rel="stylesheet" href="../css/jc_reset.css">
    <link rel="stylesheet" href="../css/register.css">
    <style>
        #header{
            overflow: hidden;
            width: 100%;
            height: 120px;
        }
        #footer{
            /* overflow: hidden; */
            width: 100%;
            height: 250px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="header"></div>
    <!-- body -->
    <div class="body">
        <img class="register-text-img" src="https://www.boncake.com.cn/themes/boncake/images/img/register-text.png" alt="">
        <p class="sweet">高／颜／值／的／甜</p>
        <div class="square-bg"></div>
        <div class="yellow-bg"></div>
        <!-- 注册 -->
        <div class="register-form">
            <div class="register-tab">
                <span class="register-tab-item">用户注册</span>
            </div>
            <div class="pr has-waring">
                <input type="text" class="register-tel" id="phoneInput" placeholder="请输入11位手机号">
                <input type="password" class="register-tel" id="passInput" placeholder="6-20个字符">
                <input type="password" class="register-tel" id="wordInput" placeholder="再次填写密码">
            </div>
            <!-- 滑块 -->
            <div class="slider">
                <div class="slider_bg"></div>
                <img class="label" src="https://www.boncake.com.cn/themes/boncake/images/img/bar-icon.png" alt="" >
                <span class="labelTip">按住滑块拖动到最右边</span>
            </div>
            <!-- 验证码 -->
            <div class="register-code">
                <input class="code" id="yzm" type="text" placeholder="请输入验证码">
                <a href="javascript:;" class="get-code"><span class="get-span">获取验证码</span></a>
            </div>
            <!-- 邀请码 -->
            <input class="register-tel input-invite-code" id="yao" type="text" placeholder="请输入邀请码">
            <div class="invite-code">
                <input type="radio" id="invite-code" class="clickSpan">
                <span class="select-text ">邀请码用户请点选</span>
            </div>
            <button class="login-btn" id="zhuCe" type="submit">注册</button>
            <div class="agreement-protocol">
                <input type="checkbox" class="cr" >
                <span class="select-text">已阅读并同意注册协议</span>
            </div>
        </div>
        <!-- 验证 -->
        <div class="message-content yz1">请输入11位手机号</div>
        <div class="message-content yz2">请输入6-20个字符</div>
        <div class="message-content yz3">密码不一致</div>
        <div class="message-content yz4">请勾选已阅读并同意注册协议</div>
        <div class="message-content yz5">请按住滑块拖动</div>
        <div class="message-content yz6">请输入正确验证码</div>
        <div class="message-content yz7">请输入正确邀请码</div>
        <div class="message-content yz8">注册成功！</div>
        <div class="message-content yz9">用户已被注册</div>
    </div>
    <div id="footer"></div>
    <!-- 引入js -->
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/register.js"></script>
</body>
</html>